<style lang="less">
.cps-icon-close {
    vertical-align: middle;
}
</style>

<template>
    <svg class="cps-icon-close" :width="width | px2rem" viewBox="0 0 28 28">
        <path d="M16.102 13.983l11.46 11.46a1.498 1.498 0 1 1-2.12 2.118L13.983 16.102 2.558 27.528a1.498 1.498 0 1 1-2.12-2.119l11.427-11.426L.439 2.558A1.498 1.498 0 0 1 2.558.438l11.425 11.427L25.41.439a1.498 1.498 0 0 1 2.119 2.119L16.102 13.983z" fill="#D6D8DF" fill-rule="evenodd" />
    </svg>
</template>

<script>
export default {
    name: "cps-svg-add",
    props: {
        width: {
            type: Number,
            default: 28
        }
    }
}
</script>